<template>
<div>
<h3>活动列表</h3>
      <el-row type="flex" align="middle" :gutter="20" style="padding:20px 0;">
       
        <el-col :span="5" style="width: 140px;">
          <el-select v-model="currentType" placeholder="请选择活动分类">
            <el-option
              v-for="type in types"
              :value="type">
            </el-option>
          </el-select>
        </el-col>
        <el-col :span="13">
          <!--<el-button :plain="true" type="info">设置活动分类</el-button>-->
          <el-button :plain="true" @click.native="load" type="danger">删除</el-button>
          <el-button :plain="true" @click.native="" type="info">置顶</el-button>
          <el-button :plain="true" @click.native="" type="info">复制</el-button>
        </el-col>
      </el-row>

 <page ref="mypage" url="http://localhost:18080/httpmock" v-bind:gridColumns="[{'label':'标题','property':'title'}]"/>
 </div>
</template>
<script> 
import page from '../components/demoCompOne.vue';		
  export default {
	name:'index',
	data:function(){
		return {
        totalActiveNum: 3,
        totalSignUp: 204,
        auditNum: 15,
        activeNum: 0,
        currentType: '全部',
        selectItems:[],
        types: ['全部','测试活动','免费活动','收费活动'],
        tableData: [],
      }
	},
	components:{
        page
    },methods:{
		load:function(){
			this.$refs.mypage.pageInit();
		}
	}
  };
</script>